﻿@charset "utf-8";
/* CSS Document */
body{ width:100%; background:url(../images/main_bg.jpg) repeat;}
/* 整体框架部分公用样式------------------------------------------------------------------------------------------------- */
.m_top{ width:100%; height:50px; background-color:#1c2b36;}
.m_top .t_wid{ width:1230px; height:50px; margin:0 auto; background-color:#1c2b36; padding:0 10px;}
.m_top .t_wid .logo{ width:175px;}
.m_top .t_wid .logo img{ width:165px; height:30px; margin-top:10px; margin-left:5px;}
.m_top .t_wid ul{}
.m_top .t_wid ul li{ width:auto; height:50px; font-size:14px; color:#a8c4d8; line-height:50px; padding:0 18px; float:left; cursor:pointer;}
.m_top .t_wid ul li.on{ background-color:#223b4d; color:#fff; border-right:#294559 1px solid; border-left:#294559 1px solid;}
.m_top .t_wid ul li:hover{ color:#fff;}

.m_top .t_wid .user{ width:150px; height:40px; color:#FFF; border:#294559 1px solid; float:right;}

.m_main{ width:1230px; height:auto; margin:0 auto; margin-top:10px; padding:0 10px;}
.m_left{ width:175px; height:auto;}
.m_left ul{ width:158px; background-color:#f8f8f8; border:#d7d7d7 1px solid; border-radius:4px;  box-shadow:0 1px 0px #cfd3d4;}
/*
.m_left ul li{ width:100%; height:42px; font-size:14px; color:#444; line-height:42px; border-top:#d7d7d7 1px solid; text-indent:25px; position:relative; cursor:pointer;}
.m_left ul li.on{ background-color:#216a9e; color:#fff;}
.m_left ul li.on img{ position:absolute; right:-12px; top:7px;}*/
/*.m_left ul li:hover{ background-color:#d3e8f7;}*/
.m_left ul li{ position:relative; width:100%; height:auto; font-size:14px; color:#216a9e; border-bottom:#c4c2bf 1px solid; text-indent:25px; position:relative;}
.m_left ul li img{ position:absolute; top:18px; left:9px; width:8px; height:8px; float:left;}
.m_left ul li .nav1{ width:100%; height:42px; line-height:42px;}
.m_left ul li .nav2{ width:100%; height:38px; line-height:38px; font-size:13px; color:#555; border-top:#e5e5e5 1px solid; cursor:pointer;}
.m_left ul li .nav2:hover{background-color:#216a9e; color:#fff;}
.m_left ul li .nav_on{background:url(../images/l_nav2.png) no-repeat 95% 50%; background-color:#216a9e; color:#fff; }
.m_left ul li .nav2 img{ width:17px; height:26px;}

.m_right{ width:1050px; height:auto; min-height:500px; background-color:#FFF; border:#d7d7d7 1px solid; border-radius:4px; box-shadow:0 3px 1px #cfd3d4; margin-bottom:20px; overflow:hidden;}
.m_right .inquiry{ width:100%; height:auto; background-color:#f8f8f8; border-radius:4px 4px 0 0; border-top:#d7d7d7 1px solid; box-shadow:0 2px 0px #eaeaea;}
.m_right .inquiry .padding4{ padding:15px 16px; overflow:hidden}
.m_right .inquiry .intboxa{ width:385px; height:30px; background-color:#FFF; border-radius:4px; border:#d7d7d7 1px solid; float:left;}
.m_right .inquiry .intboxa .inta{ width:81%; height:28px; line-height:28px; border:none; border-radius:4px; text-indent:15px;}
.m_right .inquiry .intboxa .btna{ width:18%; height:30px; background-color:#ffc100; border:none; border-left:#d7d7d7 1px solid; color:#1c2b36; font-weight:bold;}
.m_right .inquiry .intboxa .btna:hover{ background-color:#ffcb29;}
.m_right .r_box{ padding:10px 16px 30px 16px;}
.m_right .inquiry .btnbase{ height:30px; padding:0 15px; background: #216a9e;line-height:26px; color:#fff; border:1px #cfcfcf solid; font-family:'Microsoft Yahei'; font-size:14px;cursor:pointer;}

.foot{ position:fixed; bottom:0; width:100%; height:7px; background-color:#1c2b36; margin:0 auto; z-index:3;}
.f_logo{position:absolute; bottom:25px; width:100%; color:#1d4590; text-align:center;}
.f_logo img{ width:25px; height:25px; margin-right:7px; vertical-align:middle;}

/* 运维人员 右边内容------------------------------------------------------------------------------------------------- */
.m_right .r_box .title1{ border-bottom:2px solid #dadfe5; margin-bottom:10px; height:28px; line-height:28px;}
.m_right .r_box .title1 h3{ width:100px; color:#1c2b36; border-bottom:2px solid #216a9e; font-weight:bold;}
.list_tab{ }
.m_right .r_box .btnbox{ width:100%; margin-bottom:8px; overflow:hidden;}
.m_right .r_box .btnbox .btnbase{ height:30px; padding:0 15px; background: #216a9e;line-height:26px; color:#fff; border:1px #cfcfcf solid; font-family:'Microsoft Yahei'; font-size:14px;cursor:pointer;}
.m_right .r_box .btnbox .btnbase:hover{ background-color:#1d77b7;}
.list_tab table{width: 100%;border-collapse: collapse;border-spacing: 0px;table-layout: fixed; margin-bottom:30px;}
.list_tab table thead{ background-color:#e6e6e6; }
.list_tab table thead th{ height:35px; color:#000; font-weight:bold;}
.list_tab table tr{ width:100%; text-align:left;}
.list_tab table .nub{ width:22px; padding-left:6px; padding-right: 0px; text-overflow: clip; color:#888;}
.list_tab table tr.odd{ background-color:#f2faff;}
.list_tab table td{ padding:7px 0; font-size:13px;}
.list_tab table td a{ font-size:13px; color:#d70000;}
.list_tab table td a:hover{ color:#216a9e;}
.list_tab table td span{color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.25);font-size:12px; padding:2px 6px; border-radius: 4px;}
.list_tab table td img{ margin-right:10px;}
.list_tab table .firstw{ width:38%; padding-left:3%;}

/* 头部右侧登录用户信息 */
.header-user-info { width: 150px; height: 100%; float: right; cursor: pointer; position: relative;}
.header-user-info .avatar { vertical-align: middle; border-radius: 50%; }
.header-user-info .name { display: inline-block; height: 50px; line-height: 50px; vertical-align: middle; color: #ccc; margin: 0 5px; }
.header-user-info .option { display: none; position: absolute; background: #f8f8f8; border-right:2px #d7d7d7 solid; border-bottom:2px #d7d7d7 solid; border-left:2px #d7d7d7 solid; }
.header-user-info .option:before { content: ' '; display: inline-block; width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 14px solid #666; position: absolute; top: -14px; right: 10px;}
.m_top .header-user-info .option li { width: 100%; height:45px; line-height:45px; color:#216a9e; box-sizing: border-box; }
.header-user-info .option li:hover { background-color:#216a9e;}
.header-user-info .option a li:hover { color:#fff;}

/* 角色权限 */
.term{ width:100%; height:auto;/* border-bottom:1px #d7d7d7 solid;*/ padding-top:5px; overflow:hidden;}
.term ul li{ width:auto; float:left; margin-right:15px;}
.term ul li span{ float:left; line-height:30px;}
.term ul li .intb{ width:200px; padding:6px 0; border:1px #cfcfcf solid; text-indent:10px; margin-bottom:15px;}
.title2{ width:100%; height:35px; background-color:#e6e6e6; line-height:35px;}

/* 新增---------------------------------------------------------------------------------------------- */
.listbox{ width:100%; background-color:#fff; border:#e0e0e0 1px solid; border-radius:4px;}
/* select */
.gosele{width:200px;height:30px; font-size:14px; float:left; background:url(../images/sigtireg.png) no-repeat 170px 2px; border:1px rgb(204,204,204) solid;  display:inline; z-index:10; margin-bottom:15px; text-overflow: ellipsis; white-space: nowrap;}
.gosele:hover{ border:1px #216a9e solid;}
.gosele .select_box {width:200px;height:30px;line-height:30px;cursor:pointer;position:relative;display:block;float:left;text-indent:10px;}
.gosele .tag_select{display:block;color:#666;width:200px;height:30px;line-height:30px;font-size:14px;cursor:pointer;position:relative;display:block; overflow:hidden; float:left;}
.gosele .tag_select_hover{ color:#666;}
.gosele .tag_select_open{ color:#666;}
.gosele dl.tag_options{width:200px; max-height:300px; overflow-x:hidden; overflow-y:auto; /*overflow:hidden;*/cursor:pointer;background:#fff; position:absolute;z-index:22;top:31px; left:-1px; border:1px solid rgb(175,175,175); border-top:none;}
.gosele dl.tag_options dd{width:200px;height:30px;cursor:pointer;line-height:30px; float:left; text-align:left; text-indent:10px; overflow:hidden;z-index:28;}
.gosele dl.tag_options dd.open_hover{background:#216a9e; color:#fff;z-index:22;}
.gosele.gosele2{width:320px; background:url(../images/sigtireg.png) no-repeat 290px 2px;}
.gosele.gosele2 dl.tag_options{width:320px;}
.gosele.gosele2 dl.tag_options dd{width:320px;}
.gosele.gosele2 .select_box{ width:320px;}
.gosele.gosele2 .tag_select{ width:320px;}
.shop .checkbox{ margin-top:9px; cursor:pointer;}
.dept2{ width:auto; margin:3px 8px; font-size:14px; padding-top:10px; padding-right:15px;}
.dept2 li{ width:100%; line-height:28px; clear:both;}
.dept2 .spant{ width:90px; color:#444; margin-right:15px;}
.dept2 .spant.swid{ width:160px;}
.dept2 .intt{width:200px; height:30px; height:28px\0; line-height:32px; line-height: 28px\0; font-size:14px; border:1px #cacbcc solid; text-indent:10px; color:#666;}
.dept2 .intt:focus,.textat:focus{ border-color:#216a9e; border-style:solid;}
.dept2 li{ margin-bottom:15px;}
.dept2 li .s_red{ color:#F00; margin-right:5px;}
.dept2 .intt2{ width:170px;}

.dept3{ width:auto; margin:3px 8px; font-size:14px; padding-top:12px; padding-right:15px;}
.dept3 li{ width:49%; line-height:28px; float:left;}
.dept3 .spant{ width:90px; color:#444; margin-right:15px;}
.dept3 .spant.swid{ width:160px;}
.dept3 .intt{width:200px; height:30px; height:28px\0; line-height:32px; line-height: 28px\0; font-size:14px; border:1px #cacbcc solid; text-indent:10px; color:#666;}
.dept3 .intt:focus{ border-color:#216a9e; border-style:solid;}
.dept3 li{ margin-bottom:15px;}
.dept3 li .s_red{ color:#F00; margin-right:5px;}
.dept3 .intt2{ width:170px;}

.dept4{ width:auto; margin:3px 8px; font-size:14px; padding-right:15px;}
.dept4 li{ width:100%; line-height:28px;}
.dept4 .spant{ width:auto; color:#444; margin-right:10px;}
.dept4 .spant.swid{ width:160px;}
.dept4 .intt{width:200px; height:30px; height:28px\0; line-height:32px; line-height: 28px\0; font-size:14px; border:1px #cacbcc solid; text-indent:10px; color:#666;}
.dept4 .intt:focus,.textat:focus{ border-color:#216a9e; border-style:solid;}
.dept4 li{ margin-bottom:10px;}
.dept4 li .s_red{ color:#F00; margin-right:5px;}
.dept4 .intt2{ width:170px;}

.btn_box{ width:100%;}
.keep_btn{ width:auto; padding:6px 20px; background-color:#216a9e; color:#FFF; border:1px #216a9e solid; text-align: center; margin:20px auto;}
.keep_btn:hover{ background-color:#2273ad;}
.back_btn{ width:auto; padding:6px 20px; background-color:#e6e6e6; color:#666; border:1px #d2d2d2 solid; text-align: center; margin:35px auto; margin-right:25px;}
.back_btn:hover{ background-color:#dad9d9;}

/* 登录------------------------------------------------------------------------------------------------- */
.login{ width:470px; height:400px; margin:13% auto 50px auto; position:relative;}
.login p{ width:100%; font-size:18px; color:#214170; text-align:center; font-weight:bold; line-height:45px; padding-top:20px;}
.login .list2box{ position:relative; width:100%; text-align:center; margin-top:18px;}
.login .list2box .textint{background:url(../images/login_bg.png) no-repeat; width:319px; height:51px; line-height:48px; border:none; color:#555; text-indent:50px; margin:0 auto;}
.login .list2box .textint:focus{ background:url(../images/login_bg_f.png) no-repeat;}
.login .list2box img{ position:absolute; top:14px; left:95px;}
.login .logbtn{ background:url(../images/login_btn.png) no-repeat; width:329px; height:62px; line-height:54px; border:none; font-size:16px; color:#e7e7e7; margin:51px 0 0 70.5px;}
.login .logbtn:hover{ background:url(../images/login_btn_hover.png) no-repeat;}
.login .logimg{ background:url(../images/logimg.png) no-repeat; width:432px; height:19px; margin-top:10px;}
.textat{ position:relative; width:500px; height:160px; border:1px #cacbcc solid; padding:10px; color:#666;}
.spat{position:absolute; bottom:-25px; right:360px; margin-left:5px; font-size:12px; color:#999;}
.auto_log{ position:absolute; right:5px; margin-top:3px; margin-right:80px; color:#666;}
.tishi{ position:absolute; width:318px; background:url(../images/ts_bg.png) repeat; padding:5px 0; margin-top:24px; margin-left:76px; text-align:center;}
.tishi img{ vertical-align:middle; margin-right:5px;}

/* 弹出窗口 */
.t_cot{width:464px; height:auto; background-color:#FFF; padding-bottom:10px; }
.t_cot .listt{ width:100%; height:40px; background-color:#e4e7eb; border-bottom:1px solid #ced1d6; color:#333; line-height:40px; text-indent:15px;}
.t_cot .listt img{ position:absolute; top:13px; right:10px;}
.addbtn{ width:100%; border-top:1px #e0e0e0 solid;}
.addbtn .btnbase3{ width:60px;height:30px; line-height:26px;border:none; font-family:'Microsoft Yahei'; font-size:14px; cursor:pointer; margin:10px 15px 0 0;}
.btnqx{ background:#e5e5e5; color:#666; border:1px #d2d2d2 solid;}
.btnqd{ background-color:#216a9e; color:#FFF; border:1px #216a9e solid;}
.btnqx:hover{ background-color:#dad9d9;}
.btnqd:hover{ background-color:#2273ad;}
.t_cot .tmid{ width:380px;  margin:0 auto; padding-bottom:50px; margin-top:20px;}
.t_cot .tmid P{ padding-bottom:15px; color:#888;}
.t_cot .tmid ul{ width:380px; overflow:hidden;}
.t_cot .tmid ul li{ width:110px; padding:7px 0; background-color:#ffc100; float:left; margin-right:10px; text-align:center; border-radius:5px; border:1px #e4ad00 solid; cursor:pointer;}
.t_cot .tmid ul li:hover{ background:url(../images/click.png) no-repeat 90% 50%; background-color:#ffde25; }
.t_cot .tmid ul li.on{ background:url(../images/click.png) no-repeat 90% 50%; background-color:#ffde25; }

/* 处理方式------------------------------------------------------------------------------------------------- */
.handle{ width:auto; margin:3px 8px; font-size:14px; padding:10px 0 0 10px;}
.handle li{ width:50%; line-height:28px; float:left;}
.handle .spant{ width:90px; color:#444; margin-right:15px;}
.textat2{ position:relative; width:790px; height:100px; border:1px #cacbcc solid; padding:5px 10px; color:#666;}
.textat2:focus{ border-color:#216a9e; border-style:solid;}
.handle li{ margin-bottom:15px;}
.handle li .s_red2{ color:#444; margin-right:5px;}
.handle li .s_red{ color:#F00; margin-right:5px;}
.handle li .bcgcol{ width:290px; min-height: 28px; padding:0 20px 0 10px; background-color:#f3f3f3; color:#666; border:1px #eeeeee solid;}

/* 知识------------------------------------------------------------------------------------------------- */
.knowledge{ padding:5px 0px;}
.knowledge h4{ width:100%; margin-bottom:5px;}
.knowledge ul{ background-color:#fff; overflow:hidden;}
.knowledge ul li{ width:100%; float:left;}
.knowledge ul li .onebgc{ width:auto; text-align:center; float:left;}
.knowledge ul li .onebgc span{ width:auto; height:28px; line-height:28px; padding:0 10px; background-color:#f8f8f8; color:#444; border:1px #ececec solid; font-weight:bold; cursor:pointer; display:inline-block;}
.knowledge ul li .onebgc span:hover{ background-color:#008ff5; color:#FFF; border:1px #008ff5 solid;}
.knowledge ul li .onebgc span.on{ background-color:#008ff5; color:#FFF; border:1px #008ff5 solid;}
.knowledge ul li .boxn{ width:auto; padding-bottom:6px; float:left; overflow:hidden;}
.knowledge ul li .boxn span{ width:auto; height:28px; line-height:28px; padding:0 8px; background-color:#fff; border:1px #ececec solid; font-size:12px; color:#666; /*border-radius:15px;*/ margin:0px 0 0 4px; display:inline-block; cursor:pointer;}
.knowledge ul li .boxn span:hover{ border:1px #008ff5 solid;}
.knowledge ul li .boxn span.on{ border:1px #008ff5 solid;}

.listboxs{ padding-top:7px;}
.nubtext{ width:100%; padding:5px 0; font-size:12px; color:#888; background-color:#e2e2e2; text-indent:10px;}
.listboxs ul li{ width:100%; height:auto; border-bottom:1px #ececec dashed; padding:8px 0 6px 0; overflow:hidden;}
.listboxs ul li a{ font-size:17px; color:#216a9e;}
.listboxs ul li a:hover{  text-decoration:underline; color:#1c2b36;}
.listboxs ul li.odd{ background-color:#f2faff;}
.listboxs ul li:hover{ background-color:#f8f8f8;}
.listboxs ul li h2{ font-size:17px; margin-bottom:5px;}
.listboxs ul li p{ max-height:57px; font-size:14px; color:#444; padding:2px 0; overflow:hidden;}
.listboxs ul li h2 span{ font-size:13px; color:#999; padding-left:10px;}
.listboxs ul li .text{ float:right; color:#999; padding-top:8px;}
.listboxs ul li .text span{ padding-left:10px; font-size:13px;}


.m_right .inquiry.inquiry2{ width:100%; height:auto; background-color:#FFF; border-radius:4px 4px 0 0; border-top:#d7d7d7 1px solid; box-shadow:0 0px 0px #eaeaea; padding-top:45px;}
.m_right .inquiry .intboxa.intboxa2{margin:0 auto; float:none;}
.m_right .inquiry.inquiry2 .textb2{ padding:30px 60px 0 60px; font-size:13px;}
.m_right .inquiry.inquiry2 .textb2 a{ padding-right:5px; color:#14629b; font-size:13px;}
.m_right .inquiry.inquiry2 .textb2 a:hover{ text-decoration:underline; color:#1c2b36;}
.m_right .inquiry.inquiry2 .textb2 span{ padding-right:30px;}
.know2{ padding:0 30px; border-top:#d7d7d7 1px solid;}
.know2 p{ font-weight:bold; color:#999; padding:10px 0;}
.know2 .libox2{ min-height:350px;}
.know2 .libox2 ul{ width:47%; float:left; margin-right:3%;}
.know2 .libox2 ul li{ padding:3px 0; word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.know2 .libox2 ul li a{ color:#14629b; font-size:13px;}
.know2 .libox2 ul li a:hover{ text-decoration:underline; color:#1c2b36;}


/* 编号------------------------------------------------------------------------------------------------- */
.bbox{ border-right:1px #ececec solid; border-left:1px #ececec solid; border-bottom:1px #ececec solid;}
.bbox .listh{ width:100#; background-color:#f8f8f8; padding:7px 12px; border-top:1px #ececec solid; cursor:pointer;}
.bbox .listh img{ float:right; margin-right:20px;}
.disbox{ height:auto; font-size:13px; padding:8px 25px;}
.disbox p{ width:100%; font-size:13px; color:#777; padding-bottom:7px; overflow:hidden;}
.disbox p span{ color:#333;}
.disbox .list1{ width:340px;}
.disbox .list2{ width:200px;}
.disbox .list3{ width:200px;}
.disbox .list1,.disbox .list2,.disbox .list3{float:left; color:#777; margin-right:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.disbox .list1 span,.disbox .list2 span,.disbox .list3 span{ color:#333;}
.bbox .botbox{ background-color:#f2faff; text-align:right; border-top:4px #ececec solid;}
.bbox .botbox .pep{ width:50%; padding-top:25px; color:#216a9e; text-indent:25px; text-align:left;}
.bbox .botbox input{ text-align:right; margin-right:40px;}
.pai{float:right; margin-top:8px; margin-left:20px;}
.pai img{ margin-right:3px;}
.pai a:hover{ color:#f88b02;}
.pai.pai2{ position:absolute; top:0; right:1px; margin-top:0;}

.xq_box{ padding:10px;}
.xq_box ul li{ padding-bottom:10px; color:#888;}
.xq_box ul li span{ color:#444;}

/* 动态首页---------------------------------------- */
.dt_mid{ height:auto; min-height:500px; background-color:#FFF; border:#d7d7d7 1px solid; padding:10px; margin-bottom:20px; overflow:hidden;} 
.dt_mid .leftd{ width:55%; height:auto;}
.dt_mid .leftd .lbox{ width:100%; border:#216a9e 1px solid;}
.dt_mid .leftd .lbox h3{ width:100%; padding:5px 0; text-indent:15px; background-color:#216a9e; color:#FFF;}
.dt_mid .leftd .lbox h3{ position:relative; width:100%; padding:5px 0; text-indent:15px; background-color:#216a9e; color:#FFF;}
.dt_mid .leftd .lbox h3 a{ color:#f8f8f8;}
.dt_mid .leftd .lbox h3 a:hover{ color:#1c2b36;}
.dt_mid .leftd .lbox h3 a .btnqs{ position:absolute; top:3px; right:15px; background-color:#1f9ffb; border-radius:3px; font-size:12px; text-align:center; text-indent:0; padding:2px 7px;}
.dt_mid .leftd .lbox h3 a .btnqs:hover{background-color:#008ef4;}
.dt_mid .leftd .lbox ul{ padding:0 25px;}
.dt_mid .leftd .lbox ul li{ width:100%; font-size:12px; padding:5px 0; border-bottom:#d7d7d7 1px dashed; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.dt_mid .leftd .lbox ul li span{ margin-right:10px; font-size:12px; color:#888;}
.dt_mid p{ text-align:right; padding:5px 15px;}
.dt_mid p a{ color:#999; font-size:12px; }
.dt_mid p a:hover{ color:#216a9e;}
.dt_mid .rightd{ width:43.5%; height:870px; padding:10px 0; border:#f8f8f8 1px solid; background-color:#f8f8f8; overflow-y:scroll}
.dt_mid .rightd ul{ width:46%; height:95px; background:#ffddd4; float:left; margin-bottom:10px; margin-left:2%; border:#fe8263 2px solid;}
.dt_mid .rightd ul.okey{ background:#ddffd9; border:#76c56d 2px solid;}
.dt_mid .rightd ul li{ width:100%; padding:8px 0 1px 0; color:#216a9e; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.dt_mid .rightd ul li img{ margin:0 5px 0 12px;}
.dt_mid .rightd ul li span{ color:#666;}

/* 动态首页 修改0330 */
.dt_mid2{ height:auto; min-height:500px; background-color:#FFF; border:#d7d7d7 1px solid; padding:10px; margin-bottom:20px; overflow:hidden;} 
.dt_mid2 .leftbox{ width:200px; height:auto; overflow:hidden;}
.dt_mid2 .leftbox ul{ border-top:#d7d7d7 1px solid; border-right:#d7d7d7 1px solid; margin-bottom:10px;}
.dt_mid2 .leftbox ul li{ width:100%; border-bottom:#d7d7d7 1px solid; overflow:hidden;}
.dt_mid2 .leftbox ul li.tit{ background-color:#216a9e; color:#FFF; font-weight:bold;}
.dt_mid2 .leftbox ul li.tit a{ font-weight:normal; font-size:12px; color:#FFF;}
.dt_mid2 .leftbox ul li.tit a:hover{ color:#FF0;}
.dt_mid2 .leftbox ul li.tit div{ border-left: none;}
.dt_mid2 .leftbox ul li div{ height:30px; line-height:30px; text-indent:10px; border-left:#d7d7d7 1px solid; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left;}
.dt_mid2 .rightbox{ width:1004px; height:auto; overflow:hidden;}
.dt_mid2 .rightbox ul{ width:489px; height:310px; border-right:#d7d7d7 1px solid; border-bottom:#d7d7d7 1px solid; border-left:#d7d7d7 1px solid; margin-bottom:10px; margin-left:10px; float:left; overflow:hidden;}
.dt_mid2 .rightbox ul li{ width:100%; border-top:#d7d7d7 1px solid; overflow:hidden;}
.dt_mid2 .rightbox ul li div{ height:30px; line-height:30px; text-indent:10px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left;}
.dt_mid2 .rightbox ul li.tit{ background-color:#216a9e; color:#FFF; font-weight:bold;}
.dt_mid2 .rightbox ul li.tit a{ font-weight:normal; font-size:12px; color:#FFF;}
.dt_mid2 .rightbox ul li.tit a:hover{ color:#FF0;}
.dt_mid2 .rightbox ul li.tit2{background-color:#e6e6e6;}

.dt_mid2 .rightbox2{ width:1220px; height:auto; overflow:hidden;}
.dt_mid2 .rightbox2 ul{ width:596px; height:310px; border-right:#d7d7d7 1px solid; border-bottom:#d7d7d7 1px solid; border-left:#d7d7d7 1px solid; margin-bottom:10px; margin-left:10px; float:left; overflow:hidden;}
.dt_mid2 .rightbox2 ul li{ width:100%; border-top:#d7d7d7 1px solid; overflow:hidden;}
.dt_mid2 .rightbox2 ul li div{ height:30px; line-height:30px; text-indent:10px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left;}
.dt_mid2 .rightbox2 ul li.tit{ background-color:#216a9e; color:#FFF; font-weight:bold;}
.dt_mid2 .rightbox2 ul li.tit a{ font-weight:normal; font-size:12px; color:#FFF;}
.dt_mid2 .rightbox2 ul li.tit a:hover{ color:#FF0;}
.dt_mid2 .rightbox2 ul li.tit2{background-color:#e6e6e6;}

.textbox{ padding:10px 60px 30px 60px;}
.textbox h5{ width:100%; font-size:16px; font-weight:bold; text-align:center; padding-top:12px;}
/*.textbox p{ padding-top:10px; text-indent:30px;}*/
.textbox .pa{ width:100%; font-size:13px; color:#666; border-bottom:#d7d7d7 1px dashed; padding-bottom:5px; padding-top:10px;}
.textbox .pb{ min-height:300px; padding-top:10px;}
.textbox .btn{  padding:6px 20px; background-color:#e6e6e6; color:#666; border:1px #d2d2d2 solid; text-align: center; margin:35px 0 0 422px;}
.textbox .btn:hover{ background-color:#dad9d9;}

.textbox2{ padding:10px 40px 30px 40px;}
.textbox2 h5{ width:100%; font-size:18px; font-weight:bold; text-align:center; padding-top:5px;}
.textbox2 p{ padding-top:10px; text-indent:30px;}
.textbox2 .pa{ width:100%; font-size:13px;}
.textbox2 .pa2{ width:100%; font-size:13px; color:#444; border-bottom:#d7d7d7 1px solid; padding-top:0; padding-bottom:5px;}
.textbox2 .pb{font-size:14px; color:#666;}
.textbox2 .btn{  padding:6px 20px; background-color:#e6e6e6; color:#666; border:1px #d2d2d2 solid; text-align: center; margin:35px 0 0 432px;}
.textbox2 .btn:hover{ background-color:#dad9d9;}
.textbox2 .libox{ padding-top:20px;}
.textbox2 .libox .list{ position:relative; width:100%; height:1px; border-bottom:1px #d2d2d2 dashed; margin-top:10px; }
.textbox2 .libox .list span{ position:absolute; top:-10px; left:10px; width:auto; height:25px; background-color:#FFF; padding:0 12px 0 5px; font-size:15px; font-weight:bold;}
.textbox2 .libox .list .pos{ position:absolute; top:-9px; left:0; width:8px; height:18px; background-color:#1981cc;}

/* 派单库 空白页 */
.dt_mid .title4{ border-bottom:2px solid #dadfe5; margin-bottom:10px; height:28px; line-height:28px;}
.dt_mid .title4 h4{width:100px; color:#1c2b36; border-bottom:2px solid #216a9e; font-weight:bold;}
.empty{ width:380px; height:110px; background:url(../images/emp.png) no-repeat 20px 22px; background-color:#f8f8f8; text-align:left; border:#d7d7d7 1px dashed; margin:80px auto;}
.empty p{ text-align:left; color:#444; margin-left:90px;}
.empty p a{ margin-left:5px; color:#216a9e; font-weight:900;}
.empty p a:hover{ color:#F00; text-decoration:underline;}
.empty .p1{font-size:15px; font-weight:bold; margin-top:25px;}

/* 个人资料------------------------------------------------------------------------------------- */
.personal{ position:relative; width:560px; height:380px; border:#d7d7d7 1px solid;  margin:80px auto; -moz-box-shadow:0 4px 0 #c0c0c0; -webkit-box-shadow:0 4px 0 #c0c0c0; box-shadow:0 4px 0 #c0c0c0;}
.personal h5{ font-size:18px; color:#216a9e; padding:20px;}
.personal p{ width:460px; padding:8px 0; font-size:12px; color:#999; background-color:#f8f8f8; margin-left:60px; text-align:center;}

.treeint{ width:200px; height:30px; height:28px\0; background:url(../images/sigtireg.png) no-repeat 170px 2px; line-height:32px; line-height: 28px\0; font-size:14px; border:1px #cacbcc solid; text-indent:10px; color:#666; cursor:pointer; padding-right:30px;}
.treeint:focus{ border-color:#216a9e; border-style:solid;}

.dis_box{ width:100%; height:auto;}
.bgcolw{ background-color:#FFF; margin-bottom:0;}
.flip{ padding:3px 8px; background-color:#216a9e; border:#d7d7d7 1px solid; font-size:12px; color:#FFF; cursor:pointer;}
.flip:hover{ background-color:#008ff5;}

/* 角色选择 */
.login .role { width: 312px; height: 452px; margin: 155px auto 0 auto;  }
.login .role .bgt1 { background: url(../images/role_bg1.png) no-repeat; width: 312px; height: 76px; }
.login .role .bgt3 { background: url(../images/role_bg3.png) no-repeat; width: 312px; height: 8px; }
.login .role p { font-size: 20px; color: #383b3d; padding: 30px 0 17px 0; }
.tabdivs .se_box{ width: 312px; height: 347px; background: url(../images/role_bg2.png) repeat-y!important;  float: left;}
.tabdivs .se_box .prev{ width: 27px;height: 19px; background: url(../images/icoc.png) no-repeat; margin: 0 auto 6px auto; cursor:pointer;}
.tabdivs .se_box .next{ width: 27px;height: 19px; background: url(../images/icod.png) no-repeat; margin: 12px auto 0px auto; cursor:pointer;}
.tabdivs .se_box .prev:hover{ background: url(../images/icoe.png) no-repeat;}
.tabdivs .se_box .next:hover{ background: url(../images/icof.png) no-repeat;}
.tabdivs .se_box .prev.none,.tabdivs .se_box .next.none{ background: none;}
.tabdivs .se_box .conts{ width: 200px; margin: 0 auto; height:264px; position:relative;overflow: hidden;}
.tabdivs .se_box .conts ul{position: absolute; left: 0px; top: 0px;}
.tabdivs .se_box .conts ul li{background: url(../images/role_li.png) no-repeat; width: 200px; height: 46px; line-height: 46px; text-align: center; font-size: 16px; margin: 10px 0 10px 0; float: left; cursor:pointer;}
.tabdivs .se_box .conts ul li:hover{ background: url(../images/role_lih.png) no-repeat; color: #216a9e;}
.tabdivs .se_box .conts ul li.on{ background: #4b8ced; border: solid 1px #4b8ced; color: #ffffff;}

.leftree{ position:absolute; top:0; left:0; width:170px; height:400px; background-color:#fff; border:#CCC 1px solid;}

/* 新增客户人员 右边增加模块 0331 */
.box_l{ width:420px;}
.box_r{ width:580px; height:320px; margin-top:15px; background-color:#fdfdfd; border:#CCC 1px solid;}
.box_r .check1{ width:200px; padding-bottom:12px;}
.box_r p{ background-color:#CCC; padding:5px 10px;}
.ez-hide { opacity: 0; filter: alpha(opacity=0); }
.ez-checkbox { background: transparent url(../images/ckradioBG.png) 0 -76px no-repeat; display: inline-block; }
.ez-checked { background-position: 0 0; }
.ez-checkbox{ width: 20px; height: 20px; zoom: 1; margin-top: 10px; margin-left:25px;}
.box_r .dissel{ width:380px; padding-bottom:12px;}

.tree_box .wid{ width:40%;}
.tree_box .wid p{ line-height:30px; font-weight:bold;}

/* 在线聊天------------------------------------------------------------------------------------- */
.chat_cot{ width:992px; height:auto; margin:0 auto; padding:10px;}
.chat_cot .left1{ background:url(../images/chat_left.png) no-repeat; width:279px; height:701px;}
.chat_cot .left1 .top1{ width:100%; height:40px; font-size:17px; color:#FFF; line-height:40px;}
.chat_cot .left1 .mid2{height:602px; padding:3px 0; overflow:hidden;}
.flei{ margin-bottom:0; padding:0 10px;}
.flei ul{ height:602px; overflow-y:scroll;}
.flei li{ border-bottom:1px rgb(219,219,219) solid;}
.flei .fnavs{ padding:15px 10px;}
.flei .fnavs .trgs { background:url(../images/trgs.png) no-repeat; width:12px; height:12px; left:2px; margin-top:5px; cursor:pointer;}
.flei .menucurr .trgs { background:url(../images/trgs2.png) no-repeat; width:12px; height:7px; left:2px; cursor:pointer;}
.flei .fnavs p{ font-size:15px; float:none; display:inline-block; padding-left:5px; cursor:pointer;}
.flei .fnbox{width:100%; display:none; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0x 2px 3px rgba(0, 0, 0, 0.1) inset;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;}
.flei .fnbox dl{ padding:0 1em;}
.flei .fnbox dd{width:100%; padding:6px 0; float:left;}
.flei .fnbox dd{ display:block; font-size:14px; position:relative;}
.flei .fnbox dd span{ font-size:12px; color:#888;}

.flei .fnbox dd .pic{ position:absolute; top:10px; left:0; width:29px; height:29px;}
.flei .fnbox dd .pic img{ width:100%; height:100%; border-radius:50%;}
.flei .fnbox dd .name{ padding-left:35px; color:#000;}
.flei .fnbox dd .name p{ width:100%; height:25px; overflow:hidden;}
.chat_cot .left1 .bot3{ width:100%; height:48px; line-height:48px;}
.chat_cot .left1 .bot3 .list{ width:50%; color:#FFF; text-align:center; cursor:pointer; position:relative;}
.chat_cot .left1 .bot3 .list.on{ color:#31c7ff;}
.chat_cot .left1 .bot3 .list img{ margin-right:3px;}
.chat_cot .left1 .bot3 .list span{ position:absolute; top:13px; right:30px; width:6px; height:6px; background-color:#f16000; border-radius:6px;}

/* 会话 */
.flei .fnbox2{width:100%;}
.flei .fnbox2 dl{ padding:0 2px;}
.flei .fnbox2 dd{width:100%; padding:7px 0; border-bottom:1px rgb(219,219,219) solid; float:left; font-size:14px; position:relative;}
.flei .fnbox2 dd:hover{ background-color:#f1efef;}
.flei .fnbox2 dd p{ width:190px; height:19px; font-size:12px; color:#888; padding-top:3px; overflow:hidden;}
.flei .fnbox2 dd .pic{ position:absolute; top:6px; left:10px; width:42px; height:42px;}
.flei .fnbox2 dd .pic img{ width:100%; height:100%; border-radius:50%;}
.flei .fnbox2 dd .name{ padding-left:55px; color:#000;}
.flei .fnbox2 dd .span1{ position:absolute; top:8px; right:7px;  font-size:12px; color:#888;}
.flei .fnbox2 dd .span2{ position:absolute; top:35px; right:5px; background-color:#f16000; width:6px; height:6px; text-align:center; border-radius:6px;}

.chat_cot .right2{ background:url(../images/chat_right.png) no-repeat; width:701px; height:701px;}
.chat_cot .right2 .top2{ width:100%; height:40px; font-size:16px; color:#FFF; line-height:40px;}
.chat_cot .right2 .top2 img{ position:absolute; top:11px; right:15px; cursor:pointer;}
.chat_cot .right2 .midd{height:578px; padding:15px;}
.chat_cot .right2 .midd .sslist,.chat_cot .right2 .midd .sslist2{ width:100%; height:auto; overflow:hidden; margin-bottom:12px;}
.chat_cot .right2 .midd .sslist .perpic{ width:38px; height:38px; margin-right:5px;}
.chat_cot .right2 .midd .sslist .perpic img,.chat_cot .right2 .midd .sslist2 .perpic img{ width:100%; height:100%; border-radius:50%;}
.chat_cot .right2 .midd .sslist .textc span{ font-size:13px; color:#888; line-height:22px;}
.chat_cot .right2 .midd .sslist .textc p{ max-width:540px; background-color:#e0e0e0; padding:6px 10px; border-radius:4px;}
.chat_cot .right2 .midd .sslist2 .perpic{ width:38px; height:38px; margin-right:10px; margin-left:5px;}
.chat_cot .right2 .midd .sslist2 .textc p{ max-width:540px; background-color:#ff9817; padding:6px 10px; border-radius:4px; margin-top:5px;}
.chat_cot .right2 .bott{ width:100%; height:48px;}
.chat_cot .right2 .bott .int_box{ width:535px; height:37px; background-color:#FFF; border-radius:36px; margin:0 auto; margin-top:6px;}
.chat_cot .right2 .bott .int_box .int{ width:450px; padding:4px 0; border:none; border-radius:50px; margin:5px 0 0 20px;}
.chat_cot .right2 .bott .int_box .btn{ background:url(../images/enter_btn.png) no-repeat; width:55px; height:37px; border:none; font-size:15px; color:#FFF; font-weight:bold;}
.chat_cot .right2 .bott .int_box .btn:hover{ background:url(../images/enter_btn_h.png) no-repeat;}
